<html>

<head>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <!-- Google Maps API -->
    <script type="text/javascript" 
	 	src="http://maps.google.com/maps/api/js?v=3.5&sensor=false">
    </script> 
    
    <script type="text/javascript">
    
		// Karte
        var map;

        function initialize(){
		
		// Startpunkt der auf der Karte
		// dargestellt werden soll	
        var startPoint = new google.maps.LatLng(44.397, 80.644);
        
		// Kartenoptionen
        var myOptions = {
          zoom: 10,
          center: startPoint,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        
		// Karte initialisieren
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     
	   // Marker an einer bestimmten Position setzen
	   var marker = new google.maps.Marker({
		  position: startPoint, 
		  map: map, 
		  title:"Hello World!"
	   }); 
	   
	   // InfoWindow erstellen
	   var infowindow = new google.maps.InfoWindow({
		  content: "Koordinaten dieses Punktes" + startPoint
	   });
	   
	   // ActionListener zum öffnen des InfoWindows
	   google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
	   });
        }
    
    </script>
    
    <title>Erste Anwendung</title>
    
</head>
    
    <!-- Beim laden wird die Funktion initialize() aufgerufen -->
    <body onLoad="initialize();">
    
    <!-- Kartenanwendung -->
    <div id="map_canvas" style="width: 100%; height: 100%">
    
    </div>

</body>
</html>
